約 4,517,326 件
https://w.atwiki.jp/swfspec/pages/118.html
グラデーションの構造 GRADIENT フィールド 型 コメント SpreadMode UB[2] 0 = 塗りつぶしモード1 = 反射モード2 = 繰り返しモード3 = 予約済み InterpolationMode UB[2] 0 = ノーマル RGB モード補間1 = 線形 RGB モード補間2 と 3 = 予約済み NumGradients UB[4] 1 から 15 GradientRecords GRADRECORD[nGrads] グラデーションレコード (下記参照) FOCALGRADIENT フィールド 型 コメント SpreadMode UB[2] 0 = 塗りつぶしモード1 = 反射モード2 = 繰り返しモード3 = 予約済み InterpolationMode UB[2] 0 = ノーマル RGB モード補間1 = 線形 RGB モード補間2 と 3 = 予約済み NumGradients UB[4] 1 から 15 GradientRecords GRADRECORD[nGrads] グラデーションレコード (下記参照) FocalPoint FIXED8 焦点座標 GRADRECORD フィールド 型 コメント Ratio UI8 比率値 Color RGB (Shape1 または Shape2)RGBA (Shape3) グラデーションの色
https://w.atwiki.jp/submarine/pages/42.html
テクスチャ グラデーションマッピング / Gradation Map MarbleMakerでもやっておりましたが、画像をグレースケール256階調をインデックスにして別の色に置き換えていきます。上のダイアログ、三角形が並んでいるあたりをクリックすると、色のコントロールカーソルが追加され、左右にスライドできます。不要なカーソルはダイアログの外へドラッグすれば消えます。 右端・左端の△カーソルは固定位置です。 写真などに効果を追加する時は、事前にすこしボカシを入れておくと滑らかなグラデーションになります。 Marble Makerを作った頃はPhotoshopではできなかったのです。 その時代にそういう事ができる変なプラグインばかり作っていたのがカイ・クラウスという人でKPTをはじめ、PoserだとかBryceといったソフトを次々と世に出したのですが、今どうしてるんでしょう？
https://w.atwiki.jp/swfspec/pages/116.html
グラデーションの変形 #ref error ：ご指定のページがありません。ページ名を確認して再度指定してください。
https://w.atwiki.jp/keroro00innovator/pages/4904.html
ゆめゆめグラデーション ASINが有効ではありません。 ゆめゆめグラデーション アーティスト Pastel*Palettes 発売日 2020年9月30日 レーベル ブシロード CDデイリー最高順位 3位(2020年9月30日) 週間最高順位 4位(2020年10月6日) 月間最高順位 17位(2020年9月) 年間最高順位 165位(2020年) 初動総合売上 8209 累計総合売上 9895 収録内容 曲名 タイアップ 視聴 1 ゆめゆめグラデーション BanG Dream! 2 Wonderful Sweet! CD/総合ランキング 週 月日 CDシングル 総合シングル 順位 週/月間枚数 累計枚数 順位 週/月間枚数 累計枚数 1 10/6 3 6490 6490 4 8209 8209 2020年9月 13 6490 6490 17 8209 8209 2 10/13 10 860 7350 17 860 9069 3 10/20 20 304 7654 304 9373 4 10/27 256 7910 256 9629 5 11/3 266 8176 266 9895 2020年10月 34 1686 8176 43 1686 9895 関連CD ワクワクmeetsトリップ
https://w.atwiki.jp/dinametamo/pages/2718.html
さくらぐらでーしょんきゃっぷ 入手法/作り方 毛糸の帽子＋桜の花、まぜる、かなり ぽんぽんニットキャップ＋桜の花、まぜる、ちょっと 作成アイテム 上トレイ 下トレイ 方法 時間 SUCCESS FAIL GREAT 猶予 桜グラデーションキャップ - わける １日 日の巫女の髪飾り 腐った桜グラデーションキャップ GREAT 腐り復活 上トレイ 下トレイ 方法 時間 SUCCESS FAIL GREAT 猶予 腐った桜グラデーションキャップ - わける ちょっと ニットキャップ 腐ったFAIL GREAT 名前 コメント
https://w.atwiki.jp/ryutistvariety/pages/223.html
【虹色グラデーション】 アーティスト cana÷biss 作詞 丸山 漠 作曲 丸山 漠 編曲 丸山 漠 リリース日 2018.04.25（「cana÷biss」収録） きらびやかな中にもヘヴィな音が響く、頻繁にライブで披露されている盛り上がりを誘う力強い楽曲。後半、一瞬曲が途切れてからいきなり再開するスリリングな展開が見られる。 諸事情で幻となったprincipal!の2ndアルバム用の楽曲として存在していたが、cana÷biss体制後にようやく披露されることとなった。
https://w.atwiki.jp/akatonbowiki/pages/12914.html
このページはこちらに移転しました パールグラデーション 作詞/俺オレ 「今から会いに行くから。待ってて」 ３分前に電話越しに告げられた 何だろう 何だろう この高鳴る胸 少しオシャレして行こう 昨日買った服を着よう １０分もすれば、あの場所で… ねぇ ずっとこの日を待ってた ねぇ あなたに会いたくて だから 精一杯オシャレしてくよ 「今から会いに行くから。待ってて」 ６分前に電話越しに告げられた もうすぐ もうすぐ 会えるよね 少し笑顔の練習しよう 私なりの笑顔見せよう ７分もすれば あなたに… ねぇ ずっと待ちわびてた ねぇ あなたに会える日を だから 笑顔の花咲かせるよ 「今から会いに行くから。待ってて」 ９分前に電話越しに告げられた 耳に残る あなたの声 私が望まなければ 今はあなたは別の場所で笑っていたかもしれない 私があいたいなんて言わなければ あなたはこの世にいたはずなの ねぇ ずっとこの日を待ってた ねぇ あなたの声を、顔を、息を何もかもすべて感じたくて なのに 今、あなたは…いない 「今から会いに行くわ。待ってて」
https://w.atwiki.jp/hmiku/pages/47328.html
ぐらでーしょん【登録タグ VOCALOID mayoi く 初音ミク 曲】 作詞：mayoi 作曲：mayoi 編曲：mayoi 唄：初音ミク 曲紹介 mayoi氏の処女作。 イラストはKICO氏、動画はmayoi氏本人が手掛けている。 歌詞 （PIAPROより転載） 最後の星が 瞬きを失いそうね 涙ごしに 霞む空を見つめている 流れてゆく時 離れてゆく度 変わってゆくもう抜け殻 どうして一人にしてしまったの 夜空のグラデーション 終わらない日々が 私をまた 奪おうとするの これ以上何も 差し出せないよ 強くもなれないよ そう 「私を抱きしめて」 「もう離さないで」 叶わない願い だったら 壊して 「涙のわけを 聞かせてよ」 あなたは言った 闇のカーテン被せたまま 残しておく 声を潜めても 息を殺しても 捕えられてしまう刹那 どうして想いは届かないの 記憶のグラデーション 曖昧に時を 切り取ってまた 使い切ったの 夜空のグラデーション 逃げ場なんてないよ 明日がもう来る この夜空に閉じ込めて 全て嘘だと信じても 繋がった指先から 壊れてく 消えていくの 淡い光みたい コメント 名前 コメント
https://w.atwiki.jp/paintshop/pages/59.html
グラデーションの方式 グラデーションを作成するには、RGB方式/CMY方式で各チャンネルの平均を取る方法と、HSL方式/HSV方式で各属性の平均を取る方法で、結果が変わります。 （直線距離で平均を取るか、色相環に沿った円周距離で平均を取るかです） また、HSL方式/HSV方式では、色相の平均を取る際に、順位相と逆位相があります。 （色相環は環状のために、環を分割すると2つに分かれ、長い半環の平均と短い半環の平均では、結果が変わります） #ref error ：ご指定のファイルが見つかりません。ファイル名を確認して、再度指定してください。 (グラデーション方式.PNG) RGB 色A 中間色1 中間色2 中間色3 色B R Rx (3*Rx＋1*Ry)/4 (2*Rx＋2*Ry)/4 (1*Rx＋3*Ry)/4 Ry G Gx (3*Gx＋1*Gy)/4 (2*Gx＋2*Gy)/4 (1*Gx＋3*Gy)/4 Gy B Bx (3*Bx＋1*By)/4 (2*Bx＋2*By)/4 (1*Bx＋3*By)/4 By 表HSL 色A 中間色1 中間色2 中間色3 色B H Hx (3*Hx＋1*Hy)/4 (2*Hx＋2*Hy)/4 (1*Hx＋3*Hy)/4 Hy S Sx (3*Sx＋1*Sy)/4 (2*Sx＋2*Sy)/4 (1*Sx＋3*Sy)/4 Sy L Lx (3*Lx＋1*Ly)/4 (2*Lx＋2*Ly)/4 (1*Lx＋3*Ly)/4 Ly 裏HSL 色A 中間色1 中間色2 中間色3 色B H Hx {(3*Hx＋1*Hy)/4-90} mod 360 {(2*Hx＋2*Hy)/4} mod 360 {(1*Hx＋3*Hy)/4+90} mod 360 Hy S Sx (3*Sx＋1*Sy)/4 (2*Sx＋2*Sy)/4 (1*Sx＋3*Sy)/4 Sy L Lx (3*Lx＋1*Ly)/4 (2*Lx＋2*Ly)/4 (1*Lx＋3*Ly)/4 Ly
https://w.atwiki.jp/nicepaper/pages/49.html
グラデーションについて記述していきます。2015年5月25日記事です。 目次 グラデーションとは グラデーションのコツ（色の勉強？） 綺麗なグラデーションの例 汚いグラデーションの例 背景色のグラデーション 今後メンテナンスしやすいように記述するコツ とにかく全部対応させたい それぞれの表示を確認してみる。 IE(11.0) GoogleChrome(43.0) Firefox(38.0) Opera(29.0) 謎が残る グラデーションとは 色が連続的に変化すること。 一昔前、webページ制作の時のグラデーションの作り方は、幅10px×高さ60pxなどの画像でグラデーション画像を作り、CSSのbackgroundでその画像を指定し右方向に敷き詰めたり(repeart-x)したりして作っていました。 今では画像を用意せず、CSSのみで記述できるようになってきました。 CSSの記述のみでグラデーションを作る メリットは、画像を作る必要がなくなるので、制作がより早くなるという点です。一方、デメリットでは、グラデーションは昔のブラウザには対応しないや、ブラウザごとにグラデーションのプロパティの表現が違うため、クロスブラウザ対応する場合にめんどくさい。ベンダープレフィックスをつけないといけない などの部分があったりします。 ※ベンダープレフィックスがわからない方はベンダープレフィックスとはを参照してください。 読んでおくと、この先の記事が読みやすくなります。 昔のブラウザでも表現できるように画像にしようぜ！と思いがちな人は多いかと思いますが、セキュリティやリッチコンテンツのことを考えるとやはりCSSのみで表現できる方向を学習していかなければなりません。 グラデーションのコツ（色の勉強？） グラデーションをうまく見せるコツは、 開始色と終了色が十六進法表記であまり変わらない色にするということです。また、カラーパレットで近い色にして見せることです。カラーパレットを参照 ※赤丸近辺ぐらいの範囲で開始色と終了色を選んでいく。 綺麗なグラデーションの例 汚いグラデーションの例 ※開始色と終了色の差が激しい。 背景色のグラデーション divでなにかボックスを作ったり、liタグでメニューを作ったり、h1タグで見出しを作ったりとボックスレベル要素があるタグを使う場合、有効です。今回は真っ白（#FFFFFF）から白に近い灰色（#CCCCCC）にグラデーションをかけていきたいと思います。 今後メンテナンスしやすいように記述するコツ グラデーションはとにかくブラウザ間での挙動が違いすぎます。 毎回、グラデーションを書きたい部分に記述していくと、行数もかさみますし、後々変更したいときに、すべてのグラデーションを再び直していかなければなりません。そこでグラデーションだけのクラスを作っておき、自分の記述したいdivないしはliやh1を指定するときに、それぞれの基本属性＋グラデーション用の記述をさせておくと、あとあとメンテナンスが楽になります。 HTML部 クラス2つの場合 div class="box gradient" !--このようにスペースをあけてbox用のクラスとgradientのクラスを両方指定しておく。-- /div ID１つクラス1つの場合 div id="box" class="gradient" !--こんな記述でもよい。-- /div CSS部 .boxまたは#box{ margin 10px auto; width 800;; height 100px; } .gradient{ まったくグラデーションが効かない場合の対応を最初に指定 あるブラウザでの記述方法1 あるブラウザでの記述方法2 あるブラウザでの記述方法3 あるブラウザでの記述方法4 あるブラウザでの記述方法5 } とにかく全部対応させたい HTML部 div class="box gradient" /div ※CSSのクラスを二つ読み込む場合、空白をあけてセレクター名を記述します。今回はグラデーションのみのものと、ボックスの高さのものです。 ※divで行いましたが、liやh1タグの場合はdivをh1などに変えてみてください。 CSS部 .box{ width 800px; height 100px; } .gradient{ background #FFFFFF;/*超古い対応できない場合の背景色は白*/ filter progid DXImageTransform.Microsoft.gradient(startColorstr = #ffffff , endColorstr = #CCCCCC ); /*IE5.5以上10未満*/ -ms-filter "progid DXImageTransform.Microsoft.gradient(startColorstr = #ffffff , endColorstr = #CCCCCC )"; /*IE9から非推奨となり、10にて廃止だが、昔のブラウザでは汎用性がある*/ background linear-gradient(top, #ffffff, #CCCCCC); /*liner-gradient今後ブラウザアップデートに備え必要になってくる記述*/ background -o-linear-gradient(top, #ffffff, #CCCCCC); /*Opera10以降で必要*/ background -ms-linear-gradient(top, #ffffff, #CCCCCC); /*IE10から*/ background -moz-linear-gradient(top, #ffffff, #CCCCCC); /*Firefox 3.6・4以降で必要*/ background -webkit-linear-gradient(top, #ffffff, #CCCCCC); /*Safari5.1以上で必要*/ background -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#CCCCCC)); /*Safari5以上で必要*/ } それぞれの表示を確認してみる。 挙動を確認してみましょう。 HTML部 !DOCTYPE HTML html head meta charset="utf-8" title グラデーション /title link rel="stylesheet" type="text/css" href="gradient.css" /head body div class="box gradient1" p filter progid DXImageTransform.Microsoft.gradient (startColorstr = #ffffff , endColorstr = #CCCCCC );/*IE5.5以上10未満*/ /p /div div class="box gradient2" p -ms-filter "progid DXImageTransform.Microsoft. gradient(startColorstr = #ffffff , endColorstr = #CCCCCC )"; /*IE9から非推奨となり、10にて廃止だが、昔のブラウザでは汎用性がある*/ /p /div div class="box gradient3" p background linear-gradient(top, #ffffff, #CCCCCC) ;/*liner-gradient今後統一された時に必要*/ /p /div div class="box gradient4" p background -o-linear-gradient(top, #ffffff, #CCCCCC); /*Opera10以降で必要*/ /p /div div class="box gradient5" p background -ms-linear-gradient(top, #ffffff, #CCCCCC); /*IE10から*/ /p /div div class="box gradient6" p background -moz-linear-gradient(top, #ffffff, #CCCCCC); /*Firefox 3.6・4以降で必要*/ /p /div div class="box gradient7" p background -webkit-linear-gradient(top, #ffffff, #CCCCCC); /*Safari5.1以上で必要*/ /p /div div class="box gradient8" p background -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#CCCCCC));/*Safari5以上で必要*/ /p /div /body /html CSS部 @charset "utf-8"; /* CSS Document */ p{ font-size 20px; color #000000; } .box{ padding 5px; margin 10px auto; width 800px; height 70px; border 1px solid #000; } .gradient1{ filter progid DXImageTransform.Microsoft.gradient(startColorstr = #ffffff , endColorstr = #CCCCCC ); /*IE5.5以上10未満*/ } .gradient2{ -ms-filter "progid DXImageTransform.Microsoft.gradient(startColorstr = #ffffff , endColorstr = #CCCCCC )"; /*IE9から非推奨となり、10にて廃止だが、昔のブラウザでは汎用性がある*/ } .gradient3{ background linear-gradient(top, #ffffff, #CCCCCC); /*liner-gradient今後必要*/ } .gradient4{ background -o-linear-gradient(top, #ffffff, #CCCCCC); /*Opera10以降で必要*/ } .gradient5{ background -ms-linear-gradient(top, #ffffff, #CCCCCC); /*IE10から*/ } .gradient6{ background -moz-linear-gradient(top, #ffffff, #CCCCCC); /*Firefox 3.6・4以降で必要*/ } .gradient7{ background -webkit-linear-gradient(top, #ffffff, #CCCCCC); /*Safari5.1以上で必要*/ } .gradient8{ background -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#CCCCCC)); /*Safari5以上で必要*/ } このように記述しました。 IE(11.0) GoogleChrome(43.0) Firefox(38.0) Opera(29.0) あれ？Operaがwebkitの認識になってる・・・調べてみる。 2013年2月13日に、今後はレンダリングエンジンとしてのPrestoの開発とOpera Browserでの使用を終了し、今後のリリースにおいてはOpera Browserで使用するレンダリングエンジンをWebKitに変更すると発表した wikipedia ほうほう。今はWebkit系なのか。とういことで、 最新2015年5月25日現在operaは必要ないが、昔のブラウザのために一応指定はしておく。 ことがいいかもしれません。 謎が残る でもなぜだろう。liner-gradientはサポートされてるはずなんだが・・・ http //caniuse.com/を見ると、つけなくてもいけるよ！という表が書かれています。小さくて見にくいですが、右上が黄色くなっているところが、ベンダープレフィックスを付ける必要ありという意味です。 謎です。コメントください。 名前 コメント